<template>
    <div class="basic">
        <!--个人资料-->
        <div class="panel">
            <div class="panel-header">
                个人资料
            </div>
            <div class="panel-body">
                <ul>
                    <li>
                        姓名：<span>{{contract_b_d.customer.realname}}</span>
                    </li>
                    <li>
                        手机号码：<span>{{contract_b_d.customer.mobile}}</span>
                    </li>
                    <li>
                        身份证号码：<span>{{contract_b_d.customer.idcard|idCardConfusion}}</span>
                    </li>
                </ul>

            </div>
        </div>
        <!--产品信息-->
        <div class="panel">
            <div class="panel-header">
                产品信息
            </div>
            <div class="panel-body">
                <ul>
                    <li>
                        产品代码：<span>{{contract_b_d.product.product_code}}</span>
                    </li>
                    <li>
                        产品名称：<span>{{contract_b_d.product.product_name}}</span>
                    </li>
                    <li>
                        服务类型：<span>{{contract_b_d.product.service_type}}</span>
                    </li>
                   <!-- <li>
                        还款方式：<span></span>
                    </li>-->
                    <li>
                        贷款金额：<span>{{contract_b_d.product.loan_money}}</span>
                    </li>
                    <li>
                        每月还款日：<span>{{contract_b_d.product.monthly_repay_date}}</span>
                    </li>
                    <li>
                        期数：<span>{{contract_b_d.product.periods}}</span>
                    </li>
                    <li>
                        手续费：<span>{{contract_b_d.product.service_fee}}</span>
                    </li>
                </ul>

            </div>
        </div>
        <!--个人信息-->
        <div class="panel">
            <div class="panel-header">
                个人信息
            </div>
            <div class="panel-body">
                <ul>
                    <li>
                        最高学历：<span>{{contract_b_d.family.edu_level}}</span>
                    </li>
                    <li>
                        电子邮箱：<span>{{contract_b_d.family.email}}</span>
                    </li>
                    <li>
                        现居住地址：<span>{{contract_b_d.family.family_addr_province}}</span>
                    </li>
                    <li>
                        区/县：<span>{{contract_b_d.family.family_addr_country}}</span>
                    </li>
                    <li>
                        街道/乡镇：<span>{{contract_b_d.family.family_addr_street}}</span>
                    </li>
                    <li>
                        详细地址：<span>{{contract_b_d.family.family_addr_detail}}</span>
                    </li>
                    <li>
                        亲属关系：<span>{{contract_b_d.family.family_relation_no}}</span>
                    </li>
                    <li>
                        直系亲属姓名：<span>{{contract_b_d.family.family_relation_name}}</span>
                    </li>
                    <li>
                        直系亲属联系方式：<span>{{contract_b_d.family.family_relation_tel}}</span>
                    </li>
                    <li>
                        其他联系人关系：<span>{{contract_b_d.family.other_contact}}</span>
                    </li>
                    <li>
                        其他联系人姓名：<span>{{contract_b_d.family.other_contact_name}}</span>
                    </li>
                    <li>
                        其他联系人号码：<span>{{contract_b_d.family.other_contact_tel}}</span>
                    </li>
                    <li>
                        行业类别：<span>{{contract_b_d.family.industry_type}}</span>
                    </li>
                    <li>
                        是否为家庭主妇：<span>{{contract_b_d.family.is_housewife}}</span>
                    </li>
                    <li>
                        工作单位_省市地址：<span>{{contract_b_d.family.work_addr_province}}</span>
                    </li>
                    <li>
                        工作单位_区/县：<span>{{contract_b_d.family.work_addr_country}}</span>
                    </li>
                    <li>
                        工作单位_街道/乡镇：<span>{{contract_b_d.family.work_addr_street}}</span>
                    </li>
                    <li>
                        工作单位_详细地址：<span>{{contract_b_d.family.work_addr_detail}}</span>
                    </li>
                    <li>
                        工作单位：<span>{{contract_b_d.family.work_unit}}</span>
                    </li>
                    <li>
                        单位电话：<span>{{contract_b_d.family.work_unit_tel}}</span>
                    </li>
                </ul>

            </div>
        </div>
        <!--还款账户信息-->
        <div class="panel">
            <div class="panel-header">
                还款账户信息
            </div>
            <div class="panel-body">
                <ul>
                    <li>
                        开户银行：<span>{{contract_b_d.bank.bank_name}}</span>
                    </li>
                    <li>
                        开户行省市：<span>{{contract_b_d.bank.bank_city}}</span>
                    </li>
                    <li>
                        银行支行：<span>{{contract_b_d.bank.bank_branch_name}}</span>
                    </li>
                    <li>
                        银行卡号：<span>{{contract_b_d.bank.bank_card_no|idCardConfusion}}</span>
                    </li>
                </ul>
            </div>
        </div>
        <!--销售资料信息-->
        <div class="panel">
            <div class="panel-header">
                销售资料信息
            </div>
            <div class="panel-body">
                <ul>
                    <li>
                        商户代码：<span>{{contract_b_d.sale.retail_no}}</span>
                    </li>
                    <li>
                        商户名称：<span>{{contract_b_d.sale.retail_name}}</span>
                    </li>
                    <li>
                        门店代码：<span>{{contract_b_d.sale.store_no}}</span>
                    </li>
                    <li>
                        门店名称：<span>{{contract_b_d.sale.store_name}}</span>
                    </li>
                    <li>
                        销售代表：<span>{{contract_b_d.sale.sale_name}}</span>
                    </li>
                    <li>
                        销售代表ID：<span>{{contract_b_d.sale.sale_no}}</span>
                    </li>
                    <li>
                        销售经理：<span>{{contract_b_d.sale.sale_manager_name}}</span>
                    </li>
                    <li>
                        销售经理ID：<span>{{contract_b_d.sale.sale_manager_no}}</span>
                    </li>
                    <li>
                        城市经理：<span>{{contract_b_d.sale.city_manager_name}}</span>
                    </li>
                    <li>
                        城市经理ID：<span>{{contract_b_d.sale.city_manager_no}}</span>
                    </li>
                    <li>
                        门店地址：<span>{{contract_b_d.sale.store_addr}}</span>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</template>
<script>

    import {mapState} from "vuex"
    export default {
        name:'orderBasic',
        data:function(){
            return {
                contract_no: this.$route.params.contract_no,
                oid: this.$route.params.oid
            }
        },
        computed:mapState({
            contract_b_d: state => state.order.contract_b_d
        }),
        created(){
            this.$store.dispatch({
                type:this.oid?'uncommittedContractDetail':'contractDetail',
                contract_no:this.contract_no,
                oid:this.oid
            })
        }
    }
</script>